/* 课程表单样式 */
.courseFormModal {
  @apply relative;
}

.modalTitle {
  @apply flex items-center gap-2;
}

.titleIcon {
  @apply text-blue-500;
}

.courseForm {
  @apply pt-4;
}

.formRow {
  @apply flex gap-4;
}

.halfWidth {
  @apply flex-1;
}

.thirdWidth {
  @apply flex-1;
}

.fullWidth {
  @apply w-full;
}

.colorPickerWrapper {
  @apply flex items-center;
}

.categoryOption {
  @apply flex items-center gap-2;
}

.categoryColor {
  @apply w-3 h-3 rounded-full flex-shrink-0;
}

/* 表单项样式优化 */
.courseForm :global(.ant-form-item-label) {
  @apply font-medium;
}

.courseForm :global(.ant-input) {
  @apply transition-all duration-200;
}

.courseForm :global(.ant-input:focus) {
  @apply shadow-sm;
}

.courseForm :global(.ant-select) {
  @apply w-full;
}

.courseForm :global(.ant-input-number) {
  @apply w-full;
}

.courseForm :global(.ant-input-affix-wrapper) {
  @apply transition-all duration-200;
}

.courseForm :global(.ant-input-affix-wrapper:focus-within) {
  @apply shadow-sm;
}

/* 颜色选择器样式 */
.courseForm :global(.ant-color-picker-trigger) {
  @apply w-full;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .formRow {
    @apply flex-col gap-0;
  }
  
  .halfWidth,
  .thirdWidth {
    @apply w-full;
  }
}

/* 暗色主题支持 */
@media (prefers-color-scheme: dark) {
  .courseFormModal :global(.ant-modal-content) {
    @apply bg-gray-800;
  }
  
  .courseFormModal :global(.ant-modal-header) {
    @apply bg-gray-800 border-gray-700;
  }
  
  .courseFormModal :global(.ant-modal-title) {
    @apply text-gray-100;
  }
  
  .courseForm :global(.ant-form-item-label > label) {
    @apply text-gray-200;
  }
  
  .courseForm :global(.ant-input) {
    @apply bg-gray-700 border-gray-600 text-gray-100;
  }
  
  .courseForm :global(.ant-input:focus) {
    @apply border-blue-500;
  }
  
  .courseForm :global(.ant-select-selector) {
    @apply bg-gray-700 border-gray-600;
  }
  
  .courseForm :global(.ant-select-selection-item) {
    @apply text-gray-100;
  }
  
  .courseForm :global(.ant-input-number) {
    @apply bg-gray-700 border-gray-600;
  }
  
  .courseForm :global(.ant-input-number .ant-input-number-input) {
    @apply text-gray-100;
  }
}